<!DOCTYPE html>
<html>
<head>
    {include file="public/header" /}
    <style>
        .layui-table-tool .layui-btn-container {
            margin-bottom: auto;
        }

        .layui-card {
            margin-bottom: 15px;
            border-radius: 2px;
            background-color: #fff;
            box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.5);
        }
        .top-panel-number {
            line-height: 60px;
            font-size: 30px;
            border-right: 1px solid #eceff9;
        }

        .layui-card-body {
            position: relative;
            padding: auto;
            line-height: 16px;
        }
        .layui-col-md2{
            /*margin-left: 10px;*/
            flex-grow: 1;
        }
        .layui-col-space15{
            display: flex;
        }
    </style>
</head>
<body>
<div class="layuimini-container">

    <div class="layuimini-main">
        <form class="layui-form layui-form-pane" action="" id="formInfo">
            <!--<fieldset class="table-search-fieldset">-->
            <!--<legend>搜索信息</legend>-->
            <div style="margin: 10px 10px 10px 10px">
                <div class="layui-form-item">


                    <div class="layui-inline">
                        <label class="layui-form-label">时间区间</label>
                        <div class="layui-input-inline">
                            <input type="text" id="create_time"  name="create_time" placeholder="时间区间" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">类型</label>
                        <div class="layui-input-inline" style="width: 100px;">
                            <select name="type" lay-filter="selectInfo">
                                <option value=""></option>
                                <option value="2">收入</option>
                                <option value="1">支出</option>

                            </select>
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">收款方式</label>
                        <div class="layui-input-inline" style="width: 100px;">
                            <select name="pay" lay-filter="selectInfo">
                                <option value=""></option>
                                <option value="2">支付宝</option>
                                <option value="1">微信</option>

                            </select>
                        </div>
                    </div>

                    <div class="layui-inline">

                    <button class="layui-inline layui-btn layui-bg-blue" > 筛选总支出 : <span id="tmpTotalOutNum" ></span></button>
                    <button class="layui-inline layui-btn layui-bg-blue" > 筛选总收入 : <span id="tmpTotalIncomeNum"></span></button>
                    <button class="layui-inline layui-btn layui-bg-blue" > 筛选微信收入 : <span id="tmpWxIncomeNum"></span></button>
                    <button class="layui-inline layui-btn layui-bg-blue" > 筛选支付宝收入 : <span id="tmpAlilIncomeNum"></span></button>
                    </div>
                </div>
            </div>
            <!--</fieldset>-->
        </form>

        <div class="layui-row layui-col-space15">
                <div class="layui-col-xs12 layui-col-md2">

                    <div class="layui-card top-panel">
                        <div class="layui-card-header">今日收款</div>
                        <div class="layui-card-body">
                            <div class="layui-row layui-col-space5">
                                <div class="layui-col-xs7 layui-col-md7 top-panel-number" id="todayIncomeNum"></div>
                                <div class="layui-col-xs5 layui-col-md5 top-panel-tips" style="line-height: 26px;font-size: 15px;">
                                    微信 <a style="color: #1aa094" id="todayIncomeNumWx"></a><br>
                                    支付宝 <a style="color: #bd3004" id="todayIncomeNumAli"></a>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="layui-col-xs12 layui-col-md2">

                    <div class="layui-card top-panel">
                        <div class="layui-card-header">昨日收款</div>
                        <div class="layui-card-body">
                            <div class="layui-row layui-col-space5">
                                <div class="layui-col-xs9 layui-col-md7 top-panel-number" id="yesterdayIncomeNum"></div>
                                <div class="layui-col-xs3 layui-col-md5 top-panel-tips" style="line-height: 26px;font-size: 15px;">
                                    微信 <a style="color: #1aa094" id="yesterdayIncomeNumWx"></a><br>
                                    支付宝 <a style="color: #bd3004" id="yesterdayIncomeNumAli"></a>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="layui-col-xs12 layui-col-md2">

                    <div class="layui-card top-panel">
                        <div class="layui-card-header">本月收款</div>
                        <div class="layui-card-body">
                            <div class="layui-row layui-col-space5">
                                <div class="layui-col-xs9 layui-col-md7 top-panel-number" id="monthIncomeNum"></div>
                                <div class="layui-col-xs3 layui-col-md5 top-panel-tips" style="line-height: 26px;font-size: 15px;">
                                    微信 <a style="color: #1aa094" id="monthIncomeNumWx"></a><br>
                                    支付宝 <a style="color: #bd3004" id="monthIncomeNumAli"></a>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="layui-col-xs12 layui-col-md2">

                    <div class="layui-card top-panel">
                        <div class="layui-card-header">上月收款</div>
                        <div class="layui-card-body">
                            <div class="layui-row layui-col-space5">
                                <div class="layui-col-xs9 layui-col-md7 top-panel-number" id="lastmonthIncomeNum"></div>
                                <div class="layui-col-xs3 layui-col-md5 top-panel-tips" style="line-height: 26px;font-size: 15px;">
                                    微信 <a style="color: #1aa094" id="lastmonthIncomeNumWx"></a><br>
                                    支付宝 <a style="color: #bd3004" id="lastmonthIncomeNumAli"></a>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="layui-col-xs12 layui-col-md2">

                    <div class="layui-card top-panel">
                        <div class="layui-card-header">支出统计</div>
                        <div class="layui-card-body">
                            <div class="layui-row layui-col-space5">
                                <div class="layui-col-xs6 layui-col-md6 top-panel-number" id="totalOutNum"></div>
                                <div class="layui-col-xs6 layui-col-md6 top-panel-tips" style="line-height: 26px;font-size: 15px;">
                                    本月支出 <a style="color: #1aa094" id="monthOutNum"></a><br>
                                    历史支出 <a style="color: #bd3004" id="historyOutNum"></a>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

        <script type="text/html" id="toolbarDemo">
            <!--<div class="layui-btn-container">-->
                <!--<button class="layui-btn layui-bg-black" > 筛选结果总支出 : <span id="tmpTotalOutNum"></span></button>-->
                <!--<button class="layui-btn layui-bg-black" > 筛选结果总收入 : <span id="tmpTotalIncomeNum"></span></button>-->
                <!--<button class="layui-btn layui-bg-black" > 筛选结果微信收入 : <span id="tmpWxIncomeNum"></span></button>-->
                <!--<button class="layui-btn layui-bg-black" > 筛选结果支付宝收入 : <span id="tmpAlilIncomeNum"></span></button>-->
            <!--</div>-->

            <!--<div class="layui-btn-container">-->
                <!--<button class="layui-btn layui-bg-black" > 今日收款 : <span id="todayIncomeNum"></span></button>-->
                <!--<button class="layui-btn layui-bg-black" > 昨日收款 : <span id="yesterdayIncomeNum"></span></button>-->
                <!--<button class="layui-btn layui-bg-black" > 本月收款 : <span id="monthIncomeNum"></span></button>-->
                <!--<button class="layui-btn layui-bg-black" > 上月收款 : <span id="lastmonthIncomeNum"></span></button>-->
            <!--</div>-->
            <!--<div class="layui-btn-container">-->
                <!--<button class="layui-btn layui-bg-black" > 总支出 : <span id="totalOutNum"></span></button>-->
                <!--<button class="layui-btn layui-bg-black" > 本月支出 : <span id="monthOutNum"></span></button>-->
                <!--<button class="layui-btn layui-bg-black" > 历史支出 : <span id="historyOutNum"></span></button>-->
            <!--</div>-->


        </script>

        <table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>
        <script type="text/html" id="currentTableBar">
            <a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="edit">添加备注</a>
        </script>


    </div>
</div>
{include file="public/footer" /}
<!--性别-->
<script type="text/html" id="thumbTpl">
    {{#  if(d.headpic){ }}
    <a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="thumb">点击查看头像</a>
    {{#  } else { }}
    未获取到对应数据
    {{#  } }}
</script>
<script type="text/html" id="typeTpl">
    {{#  if(d.type === 1){ }}
    <span style="color: #28f51d;">账号正常</span>
    {{# }else if(d.type === 2){ }}
    <span style="color: #f59b28;">合伙人</span>
    {{# }else if(d.type === 3){ }}
    <span style="color: #f42540;">账号封停</span>
    {{#  } else { }}
    <span style="color: rgba(0,0,0,0.11);">玩家退出</span>
    {{#  } }}
</script>
<script type="text/html" id="statusTpl">
    {{#  if(d.status === 1){ }}
    <span>未注册</span>
    {{# }else if(d.status === 2){ }}
    <span>已注册</span>
    {{# }else if(d.status === 3){ }}
    <span>未激活</span>
    {{# }else if(d.status === 4){ }}
    <span>等待审核</span>
    {{#  } else { }}
    <span>已激活</span>
    {{#  } }}
</script>
<script src="/static/admin/incomedata/index.js?v={$Think.const.TIMESTAMP}" charset="utf-8"></script>



</body>
</html>